<template>
  <!-- 公示状态表 -->
  <div style="margin-left: 5vw; margin-right: 5vw">
    <div class="status">公示状态表</div>
    <!-- data表格里面的数据源 -->
    <el-table :data="tableDate" border stripe height="713">
      <!-- 设置表头数据源，并循环渲染出来，property对应列内容的字段名，详情见下面的数据源格式 -->
      <el-table-column
        v-for="info in tableHeader"
        :key="info.key"
        :property="info.key"
        :label="info.label"
      >
        <!-- 渲染对应表格里面的内容 -->
        <template slot-scope="scope">
          {{ scope.row[scope.column.property] }}
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  data() {
    return {
      centerDialogVisible: false,
      dialogVisible: false,
      tableHeader: [
        {
          label: "编号",
          key: "number",
        },
        {
          label: "日期",
          key: "date",
        },
        {
          label: "申请人",
          key: "name",
        },
        {
          label: "省份",
          key: "province",
        },
        {
          label: "地址",
          key: "address",
        },
        {
          label: "状态",
          key: "status",
        },
        {
          label: "操作",
          key: "operation",
        },
      ],
      tableDate: [
        {
          number: "LL01",
          date: "2016-05-02",
          name: "王小虎",
          province: "上海",
          address: "上海市普陀区金沙江路 1518 弄",
          status: "待审核",
        },
        {
          number: "LL02",
          date: "2016-05-02",
          name: "王小虎",
          province: "上海",
          address: "上海市普陀区金沙江路 1518 弄",
          status: "通过",
        },
        {
          number: "LL03",
          date: "2016-05-02",
          name: "王小虎",
          province: "上海",
          address: "上海市普陀区金沙江路 1518 弄",
          status: "未通过",
        },
      ],
    };
  },
  methods: {
    //路由跳转
    toRouter(path) {
      this.$router.push(path);
    },
  },
};
</script>
<style>
.el-input__inner {
  width: 30vw;
}
.status {
  width: 140px;
  margin-top: 5vh;
  padding-left: 12px;
  font-size: 1.5em;
  background-color: rgb(241, 181, 141);
  color: white;
}
</style>